﻿<!DOCTYPE html>
<html class="no-js" lang="en">
   <head>
      <meta charset="utf-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <title>Gixco</title>
      <meta name="description" content="">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      
      <!-- FontAwesome -->
      <link rel="stylesheet" href="assets/css/all.css">
      <!-- Bootstrap v4.3.1 -->
      <link rel="stylesheet" href="assets/css/bootstrap.min.css">
      <!-- Google Fonts -->
      <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500" rel="stylesheet">
      <link href="https://fonts.googleapis.com/css?family=Oswald:300,400" rel="stylesheet">
      <!-- Global CSS -->
      <link rel="stylesheet" href="assets/css/normalize.css">
      <link rel="stylesheet" href="assets/css/main.css">
      <!-- Jquery ui -->
      <link rel="stylesheet" href="assets/css/jquery-ui.css">
      <!-- Responsive Menu CSS -->
      <link rel="stylesheet" href="assets/css/meanmenu.css">
      <!-- Theme CSS -->
      <link rel="stylesheet" href="assets/css/styles.css">
   </head>
   <body>
      <div class="container">
         <header class="header">
            <div class="topcontain">
               <div class="row">
                  <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
                     <div class="logo">
                        <a href="index.html"><img src="logo.png" alt="Logo" /></a>
                     </div>
                  </div>
                  <div class="col-xl-5 col-lg-3 col-md-2 col-sm-12">
                     <div class="menubar">
                        <nav id="mobile-menu">
                           <ul>
                              <li>
                                 <a href="index.html">首页</a>
                              </li>
                              <li>
                                 <a href="chanpin.html">产品</a>
                              </li>
                              <li>
                                 <a href="about.html">关于</a>
                              </li>
                              <li>
                                 <a href="blog.html">博客</a>
                              </li>
                              <li><a href="contact.html">联系我们</a></li>
                           </ul>
                        </nav>
                     </div>
                  </div>
                  <div class="col-xl-4 col-lg-6 col-md-7 col-sm-12">
                     <div class="head_right">
                        <div class="login_bar">
                           <ul>
                              <li><a href="login.html">请登录</a></li>
                              <li><a href="register.html">没有账号?</a></li>
                              <li class="user"><a href="login.html"><i class="fas fa-user"></i></a></li>
                              <li class="search">
                                 <a href="#"><i class="fas fa-search"></i></a>
                                 <div class="search_bar">
                                    <form>
                                       <input type="text" name="search" placeholder="Search">
                                       <span class="search_icon"><i class="fas fa-search"></i></span>
                                    </form>
                                 </div>
                              </li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-12 d-xl-none">
                     <div class="mobile-menu"></div>
                  </div>
               </div>
            </div>
         </header>
      </div>
      <div class="slidebar">
         <div id="carouselExampleIndicators" class="carousel slide carousel-fade" data-ride="carousel">
            <ol class="carousel-indicators">
               <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
               <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
               <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner">
               <div class="carousel-item active" style="background-image: url('assets/images/slider/lp1.png')">
                  
               </div>
               <div class="carousel-item" style="background-image: url('assets/images/slider/lp4.png')">
                 
               </div>
               <div class="carousel-item" style="background-image: url('assets/images/slider/lp2.png')">
                 
               </div>            
            </div>
            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
            </a>
         </div>
      </div>
      <div class="banner-offer">
         <div class="col-12">
            <div class="row">
               <div class="banner-left banner">
                  <div class="banner-img">
                     <img src="assets/images/promo-left.png" alt="Image">
                  </div>
                  <div class="banner-content">
                     <h3>手表 - 25%</h3>
                     <p>Very, very, very, very, very, very nice</p>
                     <a href="chanpin.html">查看详情</a>
                  </div>
               </div>
               <div class="banner-middle banner">
                  <div class="banner-img">
                     <img src="assets/images/banner07.png" alt="Image">
                  </div>
                  <div class="banner-content">
                     <h3>手提包 - 30%</h3>
                     <p>Very, very, very, very, very, very nice</p>
                     <a href="chanpin.html">查看详情</a>
                  </div>
               </div>
               <div class="banner-right banner">
                  <div class="banner-img">
                     <img src="assets/images/promo-right.png" alt="Image">
                  </div>
                  <div class="banner-content">
                     <h3>服饰 - 20%</h3>
                     <p>Very, very, very, very, very, very nice</p>
                     <a href="chanpin.html">查看详情</a>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="container">
         <div class="service-area">
            <div class="row">
               <div class="col-sm-12">
                  <ul>
                     <li>
                        <h4>免费送货</h4>
                        <p>河南地区免收运费</p>
                     </li>
                     <li>
                        <h4>包退换</h4>
                        <p>100%退款- 30天</p>
                     </li>
                     <li>
                        <h4>24小时送货</h4>
                        <p>服务支持24/7</p>
                     </li>
                  </ul>
               </div>
            </div>
         </div>
         <div class="product-carousel">
            <div class="tab-products">
               <ul class="nav nav-tabs" id="myTab1" role="tablist">
                  <li class="nav-item">
                     <a class="nav-link active" id="tab-1" data-toggle="tab" href="#tab1" role="tab" aria-controls="tab1" aria-selected="true">男士服装</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link" id="tab-2" data-toggle="tab" href="#tab2" role="tab" aria-controls="tab2" aria-selected="false">女士服装</a>
                  </li>
               </ul>
               <div class="tab-content" id="myTabContent-1">
                  <div class="tab-pane fade show active" id="tab1" role="tabpanel" aria-labelledby="tab-1">
                     <div class="tab-product-1">
                        <div class="titlebar">
                           <div class="next-back">
                              <span><a data-slide="prev" href="#Carousel-1" class="left carousel-control">上一条</a></span>
                              <span><a data-slide="next" href="#Carousel-1" class="right carousel-control">下一条</a></span>
                           </div>
                        </div>
                        <div class="carousel-area">
                           <div id="Carousel-1" class="carousel slide" data-ride="carousel">
                              <div class="carousel-inner">
                                 <div class="carousel-item active">
                                    <div class="product-item">
                                       <div class="row">
                                          <Ul>
                                             <li>
                                                <div class="product-grid">
                                                   <div class="product-image">
                                                      <a href="configurable.html">
                                                      <img class="pic-1" src="assets/images/products/men-3-1.jpg" alt="Product image">
                                                      <img class="pic-2" src="assets/images/products/men-3-2.jpg" alt="Product image">
                                                      </a>
                                                      
                                                   </div>
                                                   <h3 class="title">Lorem ipsum dolor</h3>
                                                   <div class="product-content">
                                                      <div class="price">$16.00
                                                         <span>$20.00</span>
                                                      </div>
                                                      <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                   </div>
                                                </div>
                                             </li>
                                             <li>
                                                <div class="product-grid">
                                                   <div class="product-image">
                                                      <a href="configurable.html">
                                                      <img class="pic-1" src="assets/images/products/men-4-1.jpg" alt="Product image">
                                                      <img class="pic-2" src="assets/images/products/men-4-2.jpg" alt="Product image">
                                                      </a>
                                                      
                                                   </div>
                                                   <h3 class="title">Lorem ipsum dolor</h3>
                                                   <div class="product-content">
                                                      <div class="price">$16.00
                                                         <span>$20.00</span>
                                                      </div>
                                                      <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                   </div>
                                                </div>
                                             </li>
                                             <li>
                                                <div class="product-grid">
                                                   <div class="product-image">
                                                      <a href="configurable.html">
                                                      <img class="pic-1" src="assets/images/products/women-3-1.jpg" alt="Product image">
                                                      <img class="pic-2" src="assets/images/products/women-3-2.jpg" alt="Product image">
                                                      </a>
                                                      
                                                   </div>
                                                   <h3 class="title">Lorem ipsum dolor</h3>
                                                   <div class="product-content">
                                                      <div class="price">$16.00
                                                         <span>$20.00</span>
                                                      </div>
                                                      <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                   </div>
                                                </div>
                                             </li>
                                             <li>
                                                <div class="product-grid">
                                                   <div class="product-image">
                                                      <a href="configurable.html">
                                                      <img class="pic-1" src="assets/images/products/women-8-1.jpg" alt="Product image">
                                                      <img class="pic-2" src="assets/images/products/women-8-2.jpg" alt="Product image">
                                                      </a>
                                                      
                                                   </div>
                                                   <h3 class="title">Lorem ipsum dolor</h3>
                                                   <div class="product-content">
                                                      <div class="price">$16.00
                                                         <span>$20.00</span>
                                                      </div>
                                                      <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                   </div>
                                                </div>
                                             </li>
                                          </Ul>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="carousel-item">
                                    <div class="product-item">
                                       <div class="row">
                                          <Ul>
                                             <li>
                                                <div class="product-grid">
                                                   <div class="product-image">
                                                      <a href="#">
                                                      <img class="pic-1" src="assets/images/products/women-9-1.jpg" alt="Product image">
                                                      <img class="pic-2" src="assets/images/products/women-9-2.jpg" alt="Product image">
                                                      </a>
                                                      
                                                   </div>
                                                   <h3 class="title">Lorem ipsum dolor</h3>
                                                   <div class="product-content">
                                                      <div class="price">$16.00
                                                         <span>$20.00</span>
                                                      </div>
                                                      <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                   </div>
                                                </div>
                                             </li>
                                             <li>
                                                <div class="product-grid">
                                                   <div class="product-image">
                                                      <a href="configurable.html">
                                                      <img class="pic-1" src="assets/images/products/women-4-1.jpg" alt="Product image">
                                                      <img class="pic-2" src="assets/images/products/women-4-2.jpg" alt="Product image">
                                                      </a>
                                                      
                                                   </div>
                                                   <h3 class="title">Lorem ipsum dolor</h3>
                                                   <div class="product-content">
                                                      <div class="price">$16.00
                                                         <span>$20.00</span>
                                                      </div>
                                                      <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                   </div>
                                                </div>
                                             </li>
                                             <li>
                                                <div class="product-grid">
                                                   <div class="product-image">
                                                      <a href="configurable.html">
                                                      <img class="pic-1" src="assets/images/products/men-7-1.jpg" alt="Product image">
                                                      <img class="pic-2" src="assets/images/products/men-7-2.jpg" alt="Product image">
                                                      </a>
                                                      
                                                   </div>
                                                   <h3 class="title">Lorem ipsum dolor</h3>
                                                   <div class="product-content">
                                                      <div class="price">$16.00
                                                         <span>$20.00</span>
                                                      </div>
                                                      <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                   </div>
                                                </div>
                                             </li>
                                             <li>
                                                <div class="product-grid">
                                                   <div class="product-image">
                                                      <a href="configurable.html">
                                                      <img class="pic-1" src="assets/images/products/men-8-1.jpg" alt="Product image">
                                                      <img class="pic-2" src="assets/images/products/men-8-2.jpg" alt="Product image">
                                                      </a>
                                                      
                                                   </div>
                                                   <h3 class="title">Lorem ipsum dolor</h3>
                                                   <div class="product-content">
                                                      <div class="price">$16.00
                                                         <span>$20.00</span>
                                                      </div>
                                                      <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                   </div>
                                                </div>
                                             </li>
                                          </Ul>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  
                  <div class="tab-pane fade" id="tab3" role="tabpanel" aria-labelledby="tab-3">
                     <div class="tab-prouct-3">
                        <div class="titlebar">
                           <div class="next-back">
                              <span><a data-slide="prev" href="#Carousel-3" class="left carousel-control">Back</a></span>
                              <span><a data-slide="next" href="#Carousel-3" class="right carousel-control">Next</a></span>
                           </div>
                        </div>
                        <div class="carousel-area">
                           
                                 </div>
                                 <div class="carousel-item">
                                    <div class="product-item">
                                       <div class="row">
                                          <Ul>
                                             <li>
                                                <div class="product-grid">
                                                   <div class="product-image">
                                                      <a href="configurable.html">
                                                      <img class="pic-1" src="assets/images/products/men-3-1.jpg" alt="Product image">
                                                      <img class="pic-2" src="assets/images/products/men-3-2.jpg" alt="Product image">
                                                      </a>
                                                      <ul class="social">
                                                         <li><a href="#" data-tip="Quick View"><i class="fa fa-eye"></i></a></li>
                                                         <li><a href="#" data-tip="Wishlist"><i class="fa fa-shopping-bag"></i></a></li>
                                                         <li><a href="#" data-tip="Compare"><i class="fas fa-exchange-alt"></i></a></li>
                                                      </ul>
                                                   </div>
                                                   <h3 class="title">Lorem ipsum dolor</h3>
                                                   <div class="product-content">
                                                      <div class="price">$16.00
                                                         <span>$20.00</span>
                                                      </div>
                                                      <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                   </div>
                                                </div>
                                             </li>
                                             <li>
                                                <div class="product-grid">
                                                   <div class="product-image">
                                                      <a href="configurable.html">
                                                      <img class="pic-1" src="assets/images/products/men-4-1.jpg" alt="Product image">
                                                      <img class="pic-2" src="assets/images/products/men-4-2.jpg" alt="Product image">
                                                      </a>
                                                      <ul class="social">
                                                         <li><a href="#" data-tip="Quick View"><i class="fa fa-eye"></i></a></li>
                                                         <li><a href="#" data-tip="Wishlist"><i class="fa fa-shopping-bag"></i></a></li>
                                                         <li><a href="#" data-tip="Compare"><i class="fas fa-exchange-alt"></i></a></li>
                                                      </ul>
                                                   </div>
                                                   <h3 class="title">Lorem ipsum dolor</h3>
                                                   <div class="product-content">
                                                      <div class="price">$16.00
                                                         <span>$20.00</span>
                                                      </div>
                                                      <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                   </div>
                                                </div>
                                             </li>
                                             <li>
                                                <div class="product-grid">
                                                   <div class="product-image">
                                                      <a href="configurable.html">
                                                      <img class="pic-1" src="assets/images/products/women-3-1.jpg" alt="Product image">
                                                      <img class="pic-2" src="assets/images/products/women-3-2.jpg" alt="Product image">
                                                      </a>
                                                      <ul class="social">
                                                         <li><a href="#" data-tip="Quick View"><i class="fa fa-eye"></i></a></li>
                                                         <li><a href="#" data-tip="Wishlist"><i class="fa fa-shopping-bag"></i></a></li>
                                                         <li><a href="#" data-tip="Compare"><i class="fas fa-exchange-alt"></i></a></li>
                                                      </ul>
                                                   </div>
                                                   <h3 class="title">Lorem ipsum dolor</h3>
                                                   <div class="product-content">
                                                      <div class="price">$16.00
                                                         <span>$20.00</span>
                                                      </div>
                                                      <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                   </div>
                                                </div>
                                             </li>
                                             <li>
                                                <div class="product-grid">
                                                   <div class="product-image">
                                                      <a href="configurable.html">
                                                      <img class="pic-1" src="assets/images/products/women-4-1.jpg" alt="Product image">
                                                      <img class="pic-2" src="assets/images/products/women-4-2.jpg" alt="Product image">
                                                      </a>
                                                      <ul class="social">
                                                         <li><a href="#" data-tip="Quick View"><i class="fa fa-eye"></i></a></li>
                                                         <li><a href="#" data-tip="Wishlist"><i class="fa fa-shopping-bag"></i></a></li>
                                                         <li><a href="#" data-tip="Compare"><i class="fas fa-exchange-alt"></i></a></li>
                                                      </ul>
                                                   </div>
                                                   <h3 class="title">Lorem ipsum dolor</h3>
                                                   <div class="product-content">
                                                      <div class="price">$16.00
                                                         <span>$20.00</span>
                                                      </div>
                                                      <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                   </div>
                                                </div>
                                             </li>
                                          </Ul>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="countdownTimer-area">
         <div class="container">
            <div class="row">
               <div class="col-lg-6 col-md-12 col-sm-12">
                  <div class="left-image">                     
                     <img src="assets/images/bag.png" alt="image">
                  </div>
               </div>
               <div class="col-lg-6 col-md-12 col-sm-12">
                  <div class="timer-right">
                     <h2>销售高达45%!!!</h2>
                     <p>读者在浏览页面布局时会被页面的可读内容分散注意力，这是一个长期以来公认的事实.</p>
                     <div class="timer">
                        <div>
                           <span class="days" id="day"></span> 
                           <div class="smalltext">天</div>
                        </div>
                        <div>
                           <span class="hours" id="hour"></span> 
                           <div class="smalltext">时</div>
                        </div>
                        <div>
                           <span class="minutes" id="minute"></span> 
                           <div class="smalltext">分</div>
                        </div>
                        <div>
                           <span class="seconds" id="second"></span> 
                           <div class="smalltext">秒</div>
                        </div>
                        <p id="time-up"></p>
                     </div>
                     <div class="view-all"><a href="chanpin.html">查看所有产品</a></div>
                  </div>
               </div>
            </div>
         </div>
      </div>       
      <footer>
         <div class="container">
            <div class="footer-area">
               <div class="footer-content">
                  <ul>
                     <li>
                        <p>客户服务</p>
                        <ul>
                           <li><a href="#">交付和回报</a></li>
                           <li><a href="#">贸易服务</a></li>
                           <li><a href="#">隐私和政策</a></li>
                           <li><a href="#">常见问题</a></li>
                        </ul>
                     </li>
                     <li>
                        <p>关于我们</p>
                        <ul>
                           <li><a href="#">新闻</a></li>
                           <li><a href="#">工作室</a></li>
                           <li><a href="#">展厅</a></li>
                           <li><a href="#">条款和条件</a></li>
                        </ul>
                     </li>
                     <li>
                        <p>社交媒体</p>
                        <ul>
                           <li><a href="#">腾讯qq</a></li>
                           <li><a href="#">新浪微博</a></li>
                           <li><a href="#">微信</a></li>
                           <li><a href="#">钉钉</a></li>
                        </ul>
                     </li>
                     <li>
                        <p>客户服务</p>
                        <ul>
                           <li><a href="#">交付和回报</a></li>
                           <li><a href="#">贸易服务</a></li>
                           <li><a href="#">联系我们</a></li>
                           <li><a href="#">常见问题</a></li>
                        </ul>
                     </li>
                  </ul>
               </div>
               <div class="copyright-area">
                  <div class="copyright">
                     <p>Copyright &copy; 2019 by Themehum</p>
                  </div>
                  <div class="social">
                     <ul>
                        <li>
                           <p>Connect with us:</p>
                        </li>
                        <li><a href="#"><i class="fab fa-facebook"></i></a></li>
                        <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fab fa-pinterest"></i></a></li>
                        <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                        <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                     </ul>
                  </div>
               </div>
            </div>
            <div id="top"><i class="fas fa-arrow-up"></i></div>
         </div>
         <!-- Global JS -->
         <script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>
         <script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
         <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.3.1.min.js"><\/script>')</script>
         <script src="assets/js/popper.min.js"></script>        
         <script src="assets/js/plugins.js"></script>
         <script src="assets/js/bootstrap.min.js"></script>
         <script src="assets/js/jquery-ui.js"></script>          
         <script src="assets/js/jquery.meanmenu.min.js"></script>
         <!-- Isotope JS -->
         <script src="assets/js/isotope.pkgd.min.js"></script>
         <script src="assets/js/imagesloaded.pkgd.min.js"></script>
         <!-- Custom JS -->
         <script src="assets/js/main.js"></script>
         <!-- Google Map JS -->
         <script src="http://ditu.google.cn/maps/api/js?key=AIzaSyBvEEMx3XDpByNzYNn0n62Zsq_sVYPx1zY"></script>
         <!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
         <script>
            
            
         </script>
         
         <!-- Countdown Timer Script -->
         <script src="assets/js/timer.js"></script>
      </footer>
   </body>
</html>
